<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./comm.css">
    <link rel="stylesheet" href="./weui-button.css">
    <link rel="stylesheet" href="./weui-primary-loading.css">
</head>
<body>
    <!---不要看局部，看整体-->
    <!--类名很重要-->
    <!--结构很重要-->
    <!--国际化命名规范 BEM
        .page Block 开设一个区块
            .page_hd_Element 元素
            Model-->
    <div class="page">
        <div class="page__hd">
            <h1 class="page__title">Button</h1>
            <p class="page__desc">按钮</p>
        </div>                                  <!--头部-->
        <div class="page__bd">
            <a href="#" class="weui-btn weui-btn_primary">页面主操作</a> <!--weui 库名 不是结构 是组件-->
            <a href="#" class="weui-btn weui-btn_default">页面次操作</a>
            <a href="#" class="weui-btn weui-btn_primary weui-btn_disable">禁用按钮</a>
            <a href="" class="weui-btn weui-btn_primary weui-btn_loading">
                <span class="weui-primary-loading weui-primary-loading-transparent">
                    <i class="weui-primary-loading_dot"></i>
                </span>
                加载中
            </a>
        </div>
    </div>
</body>
</html>